<template>
  <div class="context">
    <TopDate></TopDate>
    <div class="yangshi">
      <router-link to="/collect/"></router-link>
      <router-view @change-manhuua="changeManhuua"
      @collect-dataall="collectDataall"
      :collectDataalls="collectDataalls"
      @change-bangdan="changeBangdan"
      
      :channgeBangdans="channgeBangdans"
      :bangdanId="bangdanId"
      ></router-view>
    </div>
 
  </div>
</template>

<script>
import TopDate from "@/components/TopDate.vue";


export default {
  data() {
    return {
     
    }
  },
  components: {
    TopDate: TopDate,
  },
  props: {
    collectDataalls: {
      type: Array,
    },
    
    channgeBangdans:{
      type:Object
    },
    bangdanId:{
      type:Array
    }
  },
  methods: {
   
    changeBangdan(obj){
      this.$emit('change-bangdan',  obj); 
    },
    changeManhuua(id) {
      this.$emit("change-manhuua", id);
    },
    collectDataall(obj){
      this.$emit('collect-dataall',obj)
    }
  },
  created(){
   

  }
};
</script>

<style lang="less" scoped>

.context {
  min-height: 600rem;
  .yangshi {
    text-align: left;
    padding-top: 50rem;
    a {
      font-weight: bold;
      color: @color;
      text-decoration: none;
      font-size: 18rem;
      padding: 20rem;
      &.router-link-exact-active {
        color: @color4;
      }
    }
  }
}
</style>